<template xmlns:el-col="http://www.w3.org/1999/html" xmlns:el-row="http://www.w3.org/1999/html">
  <!--<div>-->
  <!--<el-row>
      <el-col :span="22">
        <el-row>
          <el-col :span="4">集团代码：</el-col>
          <el-col :span="8">
            <el-input v-model="input1" placeholder="请输入"/>
          </el-col>
          <el-col :span="4">公司代码：</el-col>
          <el-col :span="8"><el-input v-model="input1" placeholder="请输入"/></el-col>
        </el-row>
      </el-col>
    </el-row>-->
  <div class="components-container">
    <el-form ref="form" :model="form" lable-width="80px">
      <el-row>
        <el-col :span="8">
          <el-form-item label-width="120px" label="集团代码：">
            <el-input v-model="form.input1" placeholder="请输入"/>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="120px" label="公司代码：">
            <el-input v-model="form.input2" placeholder="请输入"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label-width="120px" label="公司名称：">
            <el-input v-model="form.input3" placeholder="请输入"/>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="120px" label="联系人：">
            <el-input v-model="form.input4" placeholder="请输入"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label-width="120px" label="电话号码：">
            <el-input v-model="form.input5" placeholder="请输入"/>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="120px" label="传真号码：">
            <el-input v-model="form.input6" placeholder="请输入"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label-width="120px" label="电子邮件地址：">
            <el-input v-model="form.input7" placeholder="请输入"/>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="120px" label="邮编地址：">
            <el-input v-model="form.input8" placeholder="请输入"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label-width="120px" label="公司地址：">
            <el-input v-model="form.input9" placeholder="请输入"/>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="120px" label="账户类别：">
            <el-select v-model="form.select1" placeholder="账户类别：">
              <el-option label="内部账户" value="inacc"/>
              <el-option label="外部账户" value="outacc"/>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="10">
          <el-form-item label-width="120px" label="账户类别：">
            <el-select v-model="form.select1" placeholder="账户类别：">
              <el-option label="内部账户" value="inacc"/>
              <el-option label="外部账户" value="outacc"/>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label-width="120px" label="选择日期">
            <el-date-picker v-model="form.date1" type="date" placeholder="选择日期" style="width: 100%;"/>
          </el-form-item>
        </el-col>
        <!--<el-col :span="8">
         &lt;!&ndash; <el-form-item label-width="120px" label="附件：">
            <el-
          </el-form-item>&ndash;&gt;ss
        </el-col>-->
      </el-row>
      <el-row>
        <el-col :span="16">
          <el-form-item label-width="120px" label="活动形式：">
            <el-input v-model="form.textarea1" type="textarea"/>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
  <!--</div>-->
</template>
<script>
/* export default {
  data() {
    return { input1: '' }
  }
}*/
export default {
  data() {
    return {
      form: {
        input1: '',
        input2: '',
        input3: '',
        input4: '',
        input5: '',
        input6: '',
        input7: '',
        input8: '',
        input9: '',
        select1: '',
        textarea1: ''
      }
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!')
    }
  }
}
</script>
<style  >
  .el-row {
    margin-bottom: 20px;
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>
